// 点击轮播图 预览大图
//   给轮播图绑定点击事件
//   调用小程序的api previewImage

// 点击加入购物车
//    绑定点击事件 -> 获取缓存中的购物车数据 数组格式
//    先判断 当前的商品是否已经存在于购物车
//    已经存在 修改商品数据 执行购物车数量++ 重新把购物车数组 填充回缓存中
//    不存在于购物车的数组中 直接给购物车数组添加一个新元素 新元素 带上 购买数量属性 num 重新把购物车数组 填充回缓存中
//    弹出提示

// 商品收藏 页面onShow的时候 加载缓存中的商品收藏的数组 判断当前的商品是不是被收藏 是-改变图标 不是
// 点击商品收藏按钮 判断是否存在缓存数组中 已存在，把盖商品删除 没有存在 把商品添加到收藏数组 更新缓存
import { myrequest } from "../../request/index"
Page({
  data: {
    goodsObj: {},
    // 商品是否被收藏过
    isCollect: false
  },
  // 商品对象
  GoodsObj: {},

  onShow: function () {
    let pages =  getCurrentPages()
    let currentPage = pages[pages.length-1]
    let options = currentPage.options
    const { goods_id } = options
    this.getGoodsDetail(goods_id)
  },

  async getGoodsDetail(goods_id) {
    const { data: res } = await myrequest({
      url: '/goods/detail',
      data: {goods_id}
    })
    this.GoodsObj = res.message

    // 获取缓存中的商品收藏的数组
    let collect = wx.getStorageSync("collect") || []
    // 判断当前商品是否被收藏
    let isCollect = collect.some(v => v.goods_id === this.GoodsObj.goods_id)

    console.log(this.GoodsObj)
    this.setData({
      goodsObj: {
        goods_name: res.message.goods_name,
        goods_price: res.message.goods_price,
        goods_introduce: res.message.goods_introduce,
        pics: res.message.pics
      },
      isCollect
    })
  },

  // 方法轮播图
  imageClick(e) {
    // 先构造要预览的图片数组
    const urls = this.GoodsObj.pics.map(v => v.pics_mid)
    // 接收当前被点击的图片url
    const current = e.currentTarget.dataset.url
    wx.previewImage({
      current,
      urls
    });
  },

  // 添加购物车
  handleCartAdd(e) {
    // 1 获取缓存中的数组
    let cart = wx.getStorageSync("cart") || []
    // 2 判断商品对象是否存在于购物车数组中
    let index = cart.findIndex(v => v.goods_id ===this.GoodsObj.goods_id)
    if (index === -1) {
      // 3 不存在 第一次添加
      this.GoodsObj.num = 1
      this.GoodsObj.checked = true
      cart.push(this.GoodsObj)
    } else {
      // 4 已存在 购物车数据 执行 num++
      cart[index].num ++
    }
    // 5 把购物车重新添加回 缓存中
    wx.setStorageSync("cart", cart)
    wx.showToast({
      title: '加入购物车成功',
      icon: 'none',
      duration: 1500,
      // 防抖
      mask: true
    });
  },
  // 点击商品收藏图标
  handleCollect() {
    let isCollect = false
    // 获取缓存中的商品收藏数组
    let collect = wx.getStorageSync("collect") || []
    // 判断该商品是否被收藏过
    let index = collect.findIndex(v => v.goods_id === this.GoodsObj.goods_id)
    // 当index不等于-1，说明已经收藏过，需要取消收藏
    if (index != -1) {
      // 能找到改商品，需要删除该商品
      collect.splice(index, 1)
      isCollect = false
      wx.showToast({
        title: '取消收藏成功',
        icon: 'success',
        mask: true
      })
    } else {
      collect.push(this.GoodsObj)
      isCollect = true
      wx.showToast({
        title: '收藏成功',
        icon: 'success',
        mask: true
      })
    }
    // 将该数组重新存入缓存当中
    wx.setStorageSync("collect", collect)
    this.setData({
      isCollect
    })
  }
})